.nav{
    height:65px;
    line-height:65px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    background:linear-gradient(90deg,rgb(0,12,23),rgb(1, 36, 68),rgb(0,33,64),rgb(0,40,80),rgb(1, 54, 104));
    .nav-header-left{
        display:flex;
        align-items: center;
        a{
            display:flex;
            height:65px;
            align-items: center;
        }
        .youyu-logo{
            width:50px;
            height:50px;
            margin-left:20px;
        }
        .nav-title{
            color:#fff;
            font-size:24px;
            margin-left:20px;
            line-height:50px;
        }
    }
    .nav-header-right{
        display:flex;
        align-items: center;
        .head-img{
            width:50px;
            height:50px;
            margin-left:15px;
            margin-right:15px;
        }
        .nav-user-info{
            width:200px;
            position: absolute;
            top: 65px; 
            left:-200px;
            z-index: 200;
            .ant-list-item{
                padding-top:10px;
                padding-bottom:10px;
            }
            .user-info-arrow{
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid rgb(1,53,103);
                position: absolute;
                top:0;
                left:230px;
            }
            .user-info-head{
                position: absolute;
                top:8.6px;
                background-color:rgb(1,53,103);
                width:300px;
                height:80px;
                display:flex;
                align-items: center;
                .user-info-head-img{
                    margin-left:10px;
                    width:70px;
                    height:70px;
                }
                .user-info-head-username{
                    margin-left:10px;
                    font-size:16px;
                    color:#eee;
                }
            }
            .user-info-list{
                width:300px;
                top:88.6px;
                position: absolute;
                background-color:#fff;
            }
        }
        .user-name{
            color: #fff;
        }
        .logout{
            margin-right:20px;
            margin-left:10px;
            line-height:65px;
            color:#fff;
            font-size:24px;
            cursor: pointer;
            &:hover{
                transform: scale(1.2);
            }  
        }
        .nav-verticle-line{
            background-color: #fff;
            height:30px;
            width:2px;
        }
        .modify-password{
            color: #fff;
            margin-right:10px;
            font-size:30px;
            cursor: pointer;
            line-height:65px;
            &:hover{
                transform: scale(1.2);
            }            
        }
    }
}